<template>
  <d-config-provider>
    <div style="margin-top:45px">
      <div>组合复选框</div>
      <d-checkbox-group v-model="checkedIds" :options="options">
        <span slot="label" slot-scope="{ item }">
          <span>{{ item.name }}</span>
        </span>
      </d-checkbox-group>
    </div>
  </d-config-provider>
</template>

<script>
export default {
  data() {
    return {
      checkedIds: [],
      options: [
        {
          value: '01',
          item: {
            name: '01'
          }
        },
        {
          value: '02',
          item: {
            name: '02'
          }
        },
        {
          value: '03',
          item: {
            name: '03'
          }
        }
      ]
    };
  }
};
</script>

<style lang="scss" scoped></style>
